<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>少年宫M站报名系统 | 学员信息</title>
		<meta name="format-detection" content="telephone=no">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-touch-fullscreen" content="yes">
        <meta http-equiv="Access-Control-Allow-Origin" content="*">
        <link href="css/global.css" type="text/css" rel="stylesheet">
        <link rel="stylesheet/less" type="text/css" href="css/style_green.less"/>
        <script type="text/javascript" src="js/less.js" ></script>
	</head>
	<body>
		<div class="main_top">
        	<div class="main_top_l">
        		<a href=""><img src="images/return.png"/></a>
        	</div>
        	<div class="main_top_m">
        		我的学员信息
        	</div>
        </div>
        <div class="main_content">
        	<div class="con4">
				<canvas id="cvs" width="200" height="200"></canvas>
				<span class="btn upload">
					上传头像<input type="file" class="upload_pic" id="upload" />
				</span>
			</div>
        </div>
		<div class="main_bot">
        	<ul>
        		<li class="">
        			<a href="/choose_old.html">
        				<div class="choose">
        				</div>
	        			<span >选班</span>
	        		</a>
	        	</li>
	        	<li class="">
        			<a href="/choose_old.html">
        				<div class="list">
        				</div>
	        			<span >我的报班</span>
	        		</a>
	        	</li>
	        	<li class="select ">
        			<!--<a href="/choose_old.html">
        				<div class="message">
        				</div>
	        			<span >学员信息</span>
	        		</a>-->
	        		<a href="usermsg.html">
        				<div class="manage">
        				</div>
	        			<span >设置</span>
	        		</a>
	        	</li>
	        	<li class="">
        			<a href="/choose_old.html">
        				<div class="notice">
        				</div>
	        			<span >公告</span>
	        		</a>
	        	</li>
        	</ul>
        <script src="js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>	
        <script type="text/javascript">
		var input1 = document.getElementById("upload"); 
		 
		if(typeof FileReader==='undefined'){  
		     input1.setAttribute('disabled','disabled'); 
		}else{ 
		     input1.addEventListener('change',readFile,false); 
		}
		function readFile(){ 
			var file = this.files[0];
			if(!/image\/\w+/.test(file.type)){
				alert("文件必须为图片！");
				return false; 
			} 
			var reader = new FileReader();
			reader.readAsDataURL(file);
			reader.onload = function(e){ 
				var image = new Image();
				image.src = e.target.result;
				var max=200;
				image.onload = function(){ 
					var canvas = document.getElementById("cvs");  
					var ctx = canvas.getContext("2d"); 
					ctx.clearRect(0, 0, canvas.width, canvas.height); 
					ctx.drawImage(image, 0, 0, 200, 200);
				};  
			}
		};
		</script>
	</body>
</html>
